<div style="display: block; margin-bottom: 5px;">
    <div class="my-form-field" style="max-width: 100px;margin-right: 18px;" *ngIf="withStaticValue">
        <span>{{variableLabel | translate}}</span>
        <input [(ngModel)]="variableValue" (change)="onChanged()" style="width: 100px" type="text">
    </div>
    <!-- <div class="my-form-field" style="display:inline-block;">
        <span style="text-overflow:clip; white-space:nowrap; width: 28px">{{tagLabel | translate}}</span>
        <div class="my-form-field-link"></div>
        <button mat-icon-button (click)="onBindTag()" style="line-height: 28px;height:28px; width:28px; vertical-align: middle;">
            <mat-icon>link</mat-icon>
        </button>
    </div> -->
    <div class="my-form-field" style="display:inline-block;">
        <span style="text-overflow:clip; white-space:nowrap; width: 50px">量测属性</span>
        <div class="my-form-field-link"></div>
        <button mat-icon-button (click)="onBindMeasure()" style="line-height: 28px;height:28px; width:50px; vertical-align: middle;">
            <mat-icon>link</mat-icon>
        </button>
    </div>
    <div class="my-form-field" style="display:inline-block;">
        <!-- <div class="my-form-field" style="display: block;margin-bottom: 10px;">
            <span style="line-height: 28px;display:inline-block;vertical-align: middle;">设备接口</span>
            <button mat-icon-button (click)="onAddDevice()"  style="line-height: 28px;height:28px; width:28px; vertical-align: middle;" >
                <mat-icon matTooltip="添加接口" *ngIf="!addUrl">add</mat-icon>
                <mat-icon matTooltip="选择接口" *ngIf="addUrl">home</mat-icon>
            </button>
            <select *ngIf="!addUrl" (change)="onUrlChange(url)"  matNativeControl [(ngModel)]="url" >
                <option *ngFor="let d of deviceList" [value]="d.property.address">
                  {{d.property.address}}
                </option>
            </select>
        </div> -->
        <!-- <div *ngIf="addUrl">
            <div class="my-form-field" style="display: block;margin-bottom: 10px;">
                <span>设备id</span>
                <input (blur)="getMeasureList(deviceId)" [(ngModel)]="deviceId" type="text" style="width:300px" >
            </div>
            <div class="my-form-field" style="display: block;margin-bottom: 10px;">
                <span>量测属性</span>
                <select (change)="onMeasureCodeChange(measureCode)" [disabled]="deviceMeasureList.length===0" style="width:100%" matNativeControl [(ngModel)]="measureCode" >
                    <option *ngFor="let measure of deviceMeasureList" [value]="measure.code">
                      {{measure.name}}
                    </option>
                </select>
            </div>
            <div class="my-form-field" style="display: block;margin-bottom: 10px;">
                <span>实时数据时间间隔(s)</span>
                <input [(ngModel)]="polling" type="text" style="width:300px" >
            </div>
        </div>
        <button mat-raised-button (click)="onMeasure()">确定</button> -->
        <!-- <button mat-raised-button (click)="onShowTag()">添加订阅</button>
        <button mat-raised-button (click)="onBindTag()">选择订阅</button> -->
    </div> 
    <div class="my-form-field" style="margin-left: 0px;">
        <span>{{getDeviceName()}}</span>
        <input style="font-size: 13px;min-width: 450px" value="{{getVariableName()}}" readonly="true" [disabled]="true" 
            title="{{tagTitle | translate}}" placeholder="{{tagTitle | translate}}">
    </div>
    <div class="my-form-field" style="vertical-align: bottom; margin-left: 5px;" *ngIf="withBitmask">
        <span>{{'gauges.property-mask' | translate}}</span>
        <div class="my-form-field-bitmask">
            <input value="{{getVariableMask()}}" readonly="true" [disabled]="true">
            <mat-icon class="header-icon" (click)="onSetBitmask()">arrow_drop_down</mat-icon>
        </div>
    </div>    
</div>
